<template>
  <el-popover
    :width="width"
    placement="bottom-start">
    <slot name="main"></slot>
    <el-input slot="reference" v-model="value" :placeholder="placeholder"></el-input>
  </el-popover>
</template>

<script>
    export default {
      name: "index",
      props: {
        width: {
          type: String,
          default: '30px'
        },
        placeholder: {
          type: String,
          default: ''
        },
        value: {
          type: String,
          default: ''
        }
      }
    }
</script>

<style scoped>
</style>
